<template>
  <div class='music-list'>
    <!-- 热门推荐 -->
    <hot-recommended></hot-recommended>
    <!-- 新碟上架 -->
    <new-album></new-album>
    <!-- 榜单 -->
    <ranking-list></ranking-list>
  </div>
</template>

<script>
import hotRecommended from './hotRecommended'
import rankingList from './rankingList'
import newAlbum from './newAlbum'
export default {
  name: 'musicList',
  components: {
    hotRecommended,
    rankingList,
    newAlbum
  }
}
</script>

<style lang='less' scoped>
  .music-list {
      width: 1100px;
      height: 1550px;
      margin: 0 auto;
      padding: 20px 20px 40px;
      background-color: #fff;
  }
</style>